﻿/* 幸运弹窗 */
.xinyun-alert{display:block;width: 460px; height: 304px; background: #ffffff; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); left: 0; top: 0; right:0;bottom:0;margin:auto; position: fixed; border-radius: 10px;z-index:101;}
.xinyun-alert img{position: absolute; left: 104px; top: -25px;}
.xinyun-alert .false{width: 25.2px; height: 25.2px; display: inline-block; position: absolute; color: #ff434e; cursor: pointer; top: 16.4px; right: 16.4px; background-repeat: no-repeat; font-size: 25px; transition: 0.3s;}
.xinyun-alert .false:hover{transform: rotate(180deg);}
.xinyun-alert h4{font-size: 20px; color: #333333; letter-spacing: 0; text-align: center; line-height: 32px; margin-top: 120px; margin-bottom: 6px;}
.xinyun-alert .gift{font-size: 16px; color: #333333; letter-spacing: 0; text-align: center; line-height: 32px;}
.xinyun-alert .gift .price{font-size: 30px; color: #000000; letter-spacing: 0; line-height: 32px; color: #ff434e;}
.xinyun-alert .btn{display:block;width: 170px; height: 50px; background-image: linear-gradient(135deg, #ff9c8f 0%, #ff2d7b 100%); box-shadow: 0 10px 10px 0 #ffa9c5; margin: 0 auto; border-radius: 25px; text-align: center; line-height: 50px; font-size: 24px; color: #fff; margin-top: 25px; cursor: pointer; transition: 0.2s;}
.xinyun-alert .btn:hover{margin-top: 28px; box-shadow: 0 0px 10px 0 #ffa9c5;}
.xinyun-alert .day{position: absolute; right: 41px; bottom: 50px; color: #ff434e;}

.LuckyExclusive-djs{
    box-sizing: border-box;
    width: 132px;
    height: 130px;
    background: url(../images/luckyeexclusive-float2.png) no-repeat 0 0;
    position: fixed;
    top: -457px;
    bottom: 0;
    left:50%;
    z-index: 10;
    font-size: 14px;
     color: #800010;
    margin:auto 0 auto -732px;
    padding: 89px 0 0 55px;
}

.LuckyExclusive-djs.bottom{
    top: auto;
    bottom: 18%;
}

@media screen and (max-width:1366px ) {
    .LuckyExclusive-djs{
        margin:auto 0 auto -632px;
    }
}
.LuckyEexclusive-float{
    position: absolute;
    top: -93px;
    right: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 55px;
    height: 76px;
    padding-top: 18px;
    padding-right: 2px;
    color: #fff;
    font-size: 13px;
    text-align: right;
    background: url(../images/luckyeexclusive-float.png) no-repeat 0 0;
}
.LuckyEexclusive-float div{
    font-size: 14px;
    color: #FFF033;
}

/*一元字体活动*/
.ziti-activityBanner{position: relative;height: 100px;background-image: linear-gradient(135deg, #FF9448 0%, #FF3698 100%);background-color: #FF9448;}
.ziti-activityBanner .imgBanner{display:block;height: 100px;background: url(../images/ziti-activitybanner.png) no-repeat center;}
.ziti-activityBanner .imgBanner .shuzi{position: absolute;left: 50%;font-size: 90px;color: #FFF033;margin-left: -124px;}
.ziti-activityBanner .icon-guanbi{position: absolute;right: 50%;top: 30px;margin-right: -556px;width: 30px;height: 30px;background: rgba(0,0,0,0.5);background-color: #000\9;border-radius: 50%;color: #fff;line-height: 30px;text-align: center;cursor: pointer;transition: 0.3s;}
.ziti-activityBanner .icon-guanbi:hover{transform: rotate(180deg);}
/*新人礼包*/
.NewGiftBag-pop{position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 101;box-sizing:border-box;width: 472px;height: 446px;background: url(../images/newgiftbag-popbg.png) repeat scroll top left;font-size: 24px;color: #FF0000;padding: 353px 0 0 265px;}
.NewGiftBag-pop.hides{animation-name: fadeInRightBig;animation-duration: 1s;animation-fill-mode: both;}
.NewGiftBag-pop .icon-guanbi{position: absolute;top: 196px;right: 3px;line-height: 30px;border: 1px solid #fff;border-radius: 50%;width: 30px;height: 30px;color: #fff;text-align: center;transition: 0.3s;transform: rotate(0deg);cursor: pointer;transform: scale(0.8);}
.NewGiftBag-pop .icon-guanbi:hover{transform: rotate(-180deg) scale(0.8);}
.NewGiftBag-link{position: absolute;bottom: -1px;left: 0;right: 0;margin: auto;z-index: 2;display: block;width: 200px;height: 46px;font-size: 24px;color: #FF0000;line-height: 46px;text-align: center;background: #FFF033;box-shadow: 0 4px 0 0 #E6AD02;border-radius: 25px;}
.NewGiftBag-link:hover{bottom: -4px;box-shadow: 0 1px 0 0 #E6AD02;}
.NewGiftBag-float{position: absolute;right: 0;top: -115px;width: 60px;height: 110px;}
.NewGiftBag-float .reightActivity-djs{position: absolute;width: 100%;text-align: center;top: 85px;padding-left: 8px;;font-size: 14px;color: #FFF033;text-shadow: 1px 1px 0 rgba(0,0,0,0.30);}
/*摄图小兔优惠弹窗*/
.shexiaotuAct-pop{position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 101;margin: auto;height: 323px;width: 458px;padding-left: 60px;animation-name: bounceInRight;animation-duration: 1s;animation-fill-mode: both;}
    .shexiaotuAct-pop.hide{animation-name: fadeInRightBig; animation-duration: 1s; animation-fill-mode: both;}
.shexiaotuAct-content{position: relative;z-index: 1;box-sizing: border-box;padding: 0 44px 0 24px;width: 458px;height: 323px;background: url(../images/shexiaotuact-pop.png) no-repeat 0 0;text-align: center;}
.shexiaotuAct-title{padding-top: 127px;height: 99px;font-size: 30px;color: #FFFFFF;}
.shexiaotuAct-btn{display: inline-block;width: 156px;height: 50px;line-height: 50px;font-size: 24px;color: #FF3E36;border-radius: 25px;background: #FFE67A;cursor: pointer;box-shadow: 0 4px 0 0 #E7AF26;transition: 0.2s;}
.shexiaotuAct-btn:hover{margin-top: 3px;box-shadow: 0 1px 0 0 #E7AF26;}
.shexiaotuAct-close{position: absolute;top: 114px;right: 0;z-index: 2;box-sizing: border-box;padding-left: 10px;width: 44px;height: 40px;border-radius: 0 20px 20px 0;color: #E68F8B;cursor: pointer;}
.shexiaotuAct-close i{display: inline-block;line-height: 40px;font-size: 20px;transition: 0.3s;}
.shexiaotuAct-hint{position: absolute;right: 77.5px;top:6px;z-index: 2;width: 192px;height: 40px;font-size: 16px;color: #FF3E36;text-align: center;line-height: 20px;}
.shexiaotuAct-close:hover i{transform: rotate(180deg);}
.shexiaotu-animation{position: absolute;top: -112px;left: -98px;width: 340px;height: 340px;background: url(../images/shexiaotuact-shexiaotu.png) no-repeat 0 0;animation:shexiaotuAnimation 2s infinite ease-in ;-webkit-animation-timing-function: step-start;animation-timing-function: step-start;}
@keyframes shexiaotuAnimation{
    /*1*/0%{background-position:0 0;}
    /*2*/7%{background-position:-340px 0;}
    /*1*/14%{background-position:0 0;}
    /*3*/28%{background-position:-680px 0;}
    /*1*/35%{background-position:0 0;}
    /*2*/42%{background-position:-340px 0}
    /*1*/49%{background-position:0 0;}
    /*3*/56%{background-position:-680px 0;}
    /*1*/63%{background-position:0 0;}
    /*1*/70%{background-position:0 0;}
    /*4*/76%{background-position:-1020px 0;}
    /*5*/82%{background-position:-1360px 0;}
    /*4*/91%{background-position:-1020px 0;}
    /*5*/98%{background-position:-1360px 0;}
    /*1*/100%{background-position:0 0;}
}
@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(3000px,0,0)}
60%{opacity:1;transform:translate3d(-25px,0,0)}
75%{transform:translate3d(10px,0,0)}
90%{transform:translate3d(-5px,0,0)}
to{transform:none}}

/*元宵活动*/
.yuanxiao-pop{position: fixed;left: 0;bottom: 0;top: 0;right: 0;box-sizing: border-box;margin: auto;z-index: 101;width: 575px;height: 349px;background: url(../images/yuanxiao-pop.png) repeat scroll top left;}
.yuanxiaoPop-top{position: absolute;top: 2px; right: 81px;width: 1.5px;height: 47.2px;background: #FFDE26;}
.yuanxiaoPop-top .yuanxiaoPop-close{position: absolute;top: -33px;left: -15px;width: 32px;height: 32px;text-align: center;line-height: 32px;font-size: 15px;color: #FFDE26;border: 1px solid #FFDE26;border-radius: 50%;cursor: pointer;transition: 0.3s;}
.yuanxiaoPop-top .yuanxiaoPop-close:hover{transform: rotate(180deg);}
.yuanxiaoPop-btn{position: absolute;bottom: 14px;right: 150px;width: 156px;height: 50px;line-height: 50px;text-align: center;font-size: 24px;border-radius: 25px;color: #FFFFFF;background: #E4001B;box-shadow: 0 4px 0 0 #B00016;}
.yuanxiaoPop-btn:hover{bottom: 11px;box-shadow: 0 1px 0 0 #B00016;}
.yuanxiao-pop.hide{animation-name: fadeInRightBig; animation-duration: 1s; animation-fill-mode: both;}

/*约惠春天*/
.reightActivity-flost{position: absolute;right: 0;top: -115px; width: 60px; height: 110px;}
.springtime-pop.hides{animation-name: fadeInRightBig; animation-duration: 1s; animation-fill-mode: both;}
.springtime-pop:before{content: '';position:absolute;top:67px;right:91px;height: 27px;width: 2px;background:rgba(255,255,255,0.5)}
.springtime-pop{position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 101;width: 616px;height: 451px;background: url(../images/vipstation20-popbg.png) no-repeat 0 0;text-align: center;}
.springtime-pop .icon-guanbi{position: absolute;top: 37px;right: 76px;line-height: 30px;border: 1px solid #fff;border-radius: 50%;width: 30px;height: 30px;color: #fff;text-align: center;transition: 0.3s;transform: rotate(0deg) scale(0.9);cursor: pointer;}
.springtime-pop .icon-guanbi:hover{transform: rotate(-180deg)  scale(0.9);}
.springtime-Link{display: inline-block;width: 100%;height: 100%;border-radius:30px;font-size: 38px;color: #fff;line-height: 744px;text-align:center;}
/* .springtime-Link:hover{transform: translateY(3px);box-shadow: 0 2px 0 0 #E69E19;} */
.user-xialaBlock .xialaActivity-link{margin-bottom: -8px !important;}

/*企业VIp活动*/
.reightActivity-flost{position: absolute;right: 0;top: -115px; width: 60px; height: 110px;}
.springtime-pop2.hides{animation-name: fadeInRightBig; animation-duration: 1s; animation-fill-mode: both;}
.springtime-pop2{position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 101;width: 485px;height: 489px;background: url(../images/springtimequanzhan-popbg.png) no-repeat 0 0;text-align: center;}
.springtime-pop2 .icon-guanbi{position: absolute;top: 86px;right: -27px;line-height: 30px;border: 1px solid #fff;border-radius: 50%;width: 30px;height: 30px;color: #fff;text-align: center;transition: 0.3s;transform: rotate(0deg) scale(0.9);cursor: pointer;z-index: 2;}
.springtime-pop2 .icon-guanbi:hover{transform: rotate(-180deg);}
.springtime-pop2 .springtime-Link{display: inline-block;width: 240px;height: 60px;margin-top:400px;border-radius:30px;font-size: 34px;color: #FE5200;line-height: 60px;text-align:center;background: #FFF033;box-shadow: 0 5px 0 0 #E69E19;}
.springtime-pop2 .springtime-Link:hover{transform: translateY(3px);box-shadow: 0 2px 0 0 #E69E19;}
.user-xialaBlock .xialaActivity-link{margin-bottom: -8px !important;}
/*幸运兔*/
.LuckyRabbit-pop{position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin: auto;z-index: 101;width: 533px;height: 312px;}
.LuckyRabbit-pop.hides{animation-name: fadeInRightBig;animation-duration: 1s;animation-fill-mode: both;}
.shexiaotu-animation{position: absolute;top: -101px;left: 51px;width: 340px;height: 340px;background: url(../images/luckyrabbit-tu.png) no-repeat 0 0;animation:shexiaotuAnimation 2s infinite ease-in ;-webkit-animation-timing-function: step-start;animation-timing-function: step-start;}
.LuckyRabbit-popbg{position: relative;z-index: 1;box-sizing: border-box;width: 533px;height: 312px;padding: 155px 10px 0 0;text-align: center;background: url(../images/luckyrabbit-pop.png) no-repeat center;font-size: 18px;color: #FFFFFF;}
.LuckyRabbit-pop .icon-guanbi{position: absolute;top: -23px;right: 48px;z-index:2;transform:scale(0.9);line-height: 30px;border: 2px solid #FFE67A;border-radius: 50%;width: 30px;height: 30px;color: #FFE67A;text-align: center;transition: 0.3s;transform: rotate(0deg);cursor: pointer;}
.LuckyRabbit-pop .icon-guanbi:hover{transform: rotate(180deg);}
.LuckyRabbit-Link{position: absolute;bottom: -58px;left: 0;right: 0;margin: auto;z-index: 2;display: block;width: 220px;height: 50px;font-size: 28px;color: #ED1C28;line-height: 50px;text-align: center;background: #FFE67A;box-shadow: 0 4px 0 0 #FFAE00;border-radius: 25px;}
.LuckyRabbit-Link:hover{bottom: -61px;box-shadow: 0 1px 0 0 #FFAE00;}
.LuckyRabbit-flost{position: absolute;right: 0;top: -115px;width: 60px;height: 110px;}
.LuckyRabbit-flost .reightActivity-djs{position: absolute;width: 100%;text-align: center;top: 83px;font-size: 12px;color: #FFFFFF;}
/*企业活动下拉*/
.EnterpriseUserUp-xiala{display:block !important;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.EnterpriseUserUp-xiala.bg1{background: url(../images/enterpriseuserup-floating.png) no-repeat center;}
.EnterpriseUserUp-xiala.bg2{background: url(../images/enterpriseuserup-floating2.png) no-repeat center;}
.EnterpriseUserUp-xiala.bg3{background: url(../images/enterpriseuserup-floating3.png) no-repeat center;background-size: cover;}
.EnterpriseUserUp-xiala a{display: block;margin: 155px auto 0;width: 282px;height: 48px;text-align: center;line-height: 48px;background: #ffc013;color: #222222;border-radius: 30px;font-size: 30px;}
.EnterpriseUserUp-xiala a:hover{background: #ffce46;}
/*企业活动*/
.EnterpriseUserUp-bottom.hides{animation-name: fadeInRightBig; animation-duration: 1s; animation-fill-mode: both;}
.EnterpriseUserUp-bottom{position: fixed;left: 0;right: 0;bottom: -1px;margin: auto;z-index: 101;width: 100%;height: 223px;margin-bottom: 1px;}
.EnterpriseUserUp-bottom .activity-img{display:block;height:100%;background: url(../images/enterpriseuserup-bottom1.png) no-repeat center top;transform: translateZ(0);}
.EnterpriseUserUp-bottom .activity-img2{display:block;height:100%;background: url(../images/enterpriseuserup-bottom2.png) no-repeat center top;}
.EnterpriseUserUp-bottom .icon-guanbi{position: absolute;top: 103px;right: 50%;margin-right:-600px;line-height: 40px;background: rgba(245,246,249,0.5);border-radius: 50%;width: 40px;height: 40px;color: #fff;text-align: center;transition: 0.3s;transform: rotate(0deg);cursor: pointer;z-index: 1;}
.EnterpriseUserUp-bottom .icon-guanbi:hover{transform: rotate(180deg);}

/* 踏青djs */
.springtime-djs{box-sizing: border-box;width: 132px;height: 97px;background: url(../images/vipstation20-djs.png) no-repeat 0 0;position: fixed;top: -457px;bottom: 0;left:50%;z-index: 10;font-size: 13px;color: #fff;margin:auto 0 auto -717px;padding-top:71px;text-align:center;transform: scale(0.7);letter-spacing:0.5px;}
.springtime-djs.bottom{top: auto;bottom: 18%;}
.springtime-djs.the{bottom: 41%;}
/*见字如面*/
.jianzirumian-xiala{position: absolute;top: -3px;left: 50%;margin-left:-637px;width: 0;height: 138px;cursor: pointer;z-index:2;}
.jianzirumian-xiala .jianzirumian-shuxian{width: 0;height: 86px;background-color: #FFEE92;position: absolute;top: 0;left: 0;}
.jianzirumian-xiala .jianzirumian-tuzi{position: absolute;bottom: 0px;left: -40px;width: 70px;height: 80px;text-align: center;}
.jianzirumian-xiala .jianzirumian-tuzi img{margin-bottom: -8px}
.jianzirumian-xiala .jianzirumian-tuzi:hover .icon-guanbi{display: block;}
.jianzirumian-xiala .icon-guanbi{display:none;position:absolute;top:-13px;right:-7px;width: 25px;height: 25px;line-height:25px;transform:scale(0.6);text-align:center;font-size:12px;color: #fff;background: rgba(0,0,0,0.20);border-radius: 50%;}
.jianzirumian-xiala.shouqi .jianzirumian-tuzi1{animation: jianzirumian-tz 1.4s infinite;}
    @keyframes jianzirumian-tz{0%{bottom: 0px}
50%{bottom: -8px}
100%{bottom: 0px}}
/*元素搜索页活动*/
.ElementFavorable{position: fixed;left: 50%;top: 18%;box-sizing: border-box;margin-left: -687px;width: 79px;height: 114px;background: url(../images/yuansu-float.png) no-repeat 0 0;text-align: center;padding-top: 87px;}
.ElementFavorable span{font-size: 14px;color: #A64E00;}
@media screen and (max-width:1366px ){.springtime-djs{margin:auto 0 auto -632px;transform: scale(0.8);}.jianzirumian-xiala{margin-left: -541px;}.ElementFavorable{margin-left: -587px;}}
@media screen and (min-width: 1470px) and (max-width: 1540px){.springtime-djs.the{auto 0 auto -776pxtransform: scale(0.6);}.jianzirumian-xiala{margin-left: -705px;}.ElementFavorable{margin-left: -757px;}}
@media screen and (min-width: 1541px) and (max-width: 1922px){.springtime-djs.the{margin:auto 0 auto -813px;transform: scale(1);}.jianzirumian-xiala{margin-left: -705px;}.ElementFavorable{margin-left: -757px;}}
@media screen and (min-width: 1923px) {.springtime-djs.the{margin:auto 0 auto -987px;transform: scale(1);}.jianzirumian-xiala{margin-left: -880px;}.ElementFavorable{margin-left: -924px;}}
/*办公首页活动*/
.work-activity{width: 612px;height: 392px;background: url(../images/bangong-popbg.png) no-repeat ;position: fixed;left: 0;right: 0;top: 0;bottom:0;margin: auto;z-index: 101;box-sizing: border-box;text-align: center;}
.work-activity.hides{animation-name: fadeInRightBig; animation-duration: 1s; animation-fill-mode: both;}
.work-activity .icon-guanbi{position: absolute; display: inline-block;right:138px;top:122px;line-height: 23px; border: 1px solid #ffffff; border-radius: 50%;width: 23px;text-align:center;height: 23px;font-size: 12px; color: #ffffff;transition: 0.2s; transform: rotate(0deg);cursor: pointer;}
.work-activity .icon-guanbi:hover{transform: rotate(180deg);}
.work-activity p{margin: 199px 0 0 188px;width: 225px;height: 54px;line-height: 54px;font-size: 38px;color: #fff;}
.work-activity p span{margin: 0 -1px;letter-spacing: 9.13px;}
.work-activity a{display: inline-block;width: 162px;height: 50px;line-height: 41px;font-size: 26px;color: #FE5200;margin-top: 40px;margin-left: -18px;}
.work-activity a:hover{color:#e84b00;}
.sideBangong-activity{position: absolute; top: -113px; width: 100%; text-align: center;}
.sideBangong-activity a{display: inline-block;box-sizing: border-box;padding:42px 2px 0 10px ;margin-left: -25px;width: 60px;height: 110px;background: url('../images/bangong-float.png') no-repeat;color: #fff;font-size: 13px;text-align: end;line-height: 15px;}
.sideBangong-activity a p{color: #fff;font-size: 14px;line-height: 15px;}